<!--<template>-->
<!--  <div id="app">-->
<!--    <router-view/>-->
<!--  </div>-->
<!--</template>-->
<template>
  <div id="app">
    <el-container>
      <el-header height="50px" id="el-header">
        <Header />
      </el-header>
      <el-container class="contant" id="contant">
        <el-aside width="225px" class="left">
          <LeftBar />
        </el-aside>
        <el-container class="center">
          <el-main id="main">
<!--            <router-view :key="$route.fullPath" />-->
          </el-main>
          <el-footer height="50px">
            <Footer />
          </el-footer>
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import Header from "@/public/container/Header";
import LeftBar from "@/public/container/LeftBar";
import Footer from "@/public/container/Footer";
export default {
  components:{Header,LeftBar,Footer},
  name: 'App',
}
</script>
